@import (reference) "~weaver-mobile/dist/weaver-mobile.less";

@border-color-base: #ddd;
@grey: #eaeaea;
@border: #BCBBC1;
@background: #FFFFFF;
.legend{
  position: relative;
  right: 0px;
  top: 0;
  height: 44 * @hd;
  line-height: 18 * @hd;
  // margin-top: 5px;
  background: @background;
  width: 100%;
  &>div {
    display:inline-block;
    .square {
      width: 18 * @hd;
      height: 18 * @hd;
      border: solid 1px @grey;
      display: inline-block;
      margin: 0 10 * @hd;
      position:relative;
      top: 2px;
    }
    .squareName{
      max-width: 50 * @hd;
      white-space:nowrap;
      overflow: hidden;
      text-overflow: ellipsis
    }
  }
  .wea-meetingRoom-cirlceSpan {
    float: right;;
    text-align: center;
    margin-right: 3 * @hd;
    
  }
}

.room-use-detail-div{
  height: 100%;
  -webkit-overflow-scrolling: touch;
  .room-plan-tab-header {
    width: 100%;
    border-collapse: collapse;
    table-layout:fixed; 
    .roomplan-list-item-display {
      background-color: @background;
      border-color: @border;
      border-width: 1px;
      border-style: solid;
      height: 30 * @hd;
      line-height: 30 * @hd;
      font-size: 14 * @hd;
      text-align: center; 
      td {
        padding: 0;
      }
      div{
        width: 100%;
        height: 30 * @hd;
      }
      div:not(:first-child) {
        border-top: 1px solid @border;
      }
      
    }
    .roomplan-time-label {
      width: 100 * @hd;
      border-color: @border;
      border-width: 1 * @hd;
      border-style: solid; 
    }
  }
}

